{include file="header.html"}
{include file="title.html"}
<script type="text/javascript">
    $(function() {
        $('#login_form').validate({
            errorPlacement: function(error, element) {
                $(element).parent('td').append(error);
            },
            rules: {
                user_name: {
                    required: true
                },
                password: {
                    required: true
                },
                captcha: {
                    required: true,
                    remote: {
                        url: 'index.php?app=captcha&act=check_captcha',
                        type: 'get',
                        data: {
                            captcha: function() {
                                return $('#captcha1').val();
                            }
                        }
                    }
                }
            },
            messages: {
                user_name: {
                    required: '{$lang.user_name_required}'
                },
                password: {
                    required: '{$lang.password_required}'
                },
                captcha: {
                    required: '{$lang.captcha_required}',
                    remote: '{$lang.captcha_error}'
                }
            }
        });
    });
</script>

<!-----登录--------->
<div class="login_panel">
    <form class="login_box"  method="post" id="login_form">
        <table width="100%">
            <tr>
                <td>
                    <input placeholder="{$lang.phone_or_email}" type="text" name="user_name" class="text"/>
                </td>
            </tr>
            <tr> <td><label class="field_message"><span class="field_notice"></span></label></td></tr>
            <tr><td><input placeholder="{$lang.Secret_code}" type="password" name="password"  class="text"/> </td> </tr>

            <!--{if $captcha}-->
            <tr>
                <td class="relative"><input type="text" name="captcha" class="text" id="captcha1" placeholder="{$lang.captcha_desc}"/>
                    <a href="javascript:change_captcha($('#captcha'));" class="renewedly"><img id="captcha" src="index.php?app=captcha&amp;{$random_number}" /></a></td>
            </tr>
            <!--{/if}-->

            <tr> <td> <input  value="{$lang.logging}" name="Submit"  type="submit" class=" red_btn"/></td></tr>
            <input type="hidden" name="ret_url" value="{$ret_url}" />
        </table>
        <p><a href="{url app=member&act=register&ret_url=$ret_url}" >{$lang.register_now}</a><a href="index.php?app=find_password&act=mobile" class="fr">{$lang.find_back}</a></p>
        <p class="other"><a class="login_ico ico_qq" href="{url app=third_login&act=qq}"></a><a class="login_ico ico_sina" href="{url app=third_login&act=sina}"></a><a class="login_ico ico_wx" href="{url app=third_login&act=wx}"></a></p>
    </form>
</div>


{include file="footer.html"}